.page {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  /* 在同一垂直线上居中 */
  align-items: center;
  /* 在同一水平线上居中 */

  /* padding-left: 6px; */
  /* padding-right: 6px; */
}

text {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.screen-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 在同一垂直线上居中 */
  align-items: center;
  /* 在同一水平线上居中 */
}

.horizontal-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 在同一水平线上居中 */
}

.vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 在同一垂直线上居中 */
}

.vertical-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.10);
}
.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.20);
}

.gap-20 {
  height: 2px;
  width: 2px;
}

.gap-36 {
  height: 3.6px;
  width: 3.6px;
}
.gap-40 {
  height: 4px;
  width: 4px;
}
.gap-60 {
  height: 6px;
  width: 6px;
}

.gap-80 {
  height: 8px;
  width: 8px;
}

.gap-100 {
  height: 10px;
  width: 10px;
}

.gap-110 {
  height: 11px;
  width: 11px;
}

.gap-120 {
  height: 12px;
  width: 12px;
}

.gap-140 {
  height: 14px;
  width: 14px;
}

.gap-142 {
  height: 14.2px;
  width: 14.2px;
}

.gap-190 {
  height: 19px;
  width: 19px;
}

.gap-200 {
  height: 20px;
  width: 20px;
}

.gap-214 {
  height: 21.4px;
  width: 21.4px;
}

.gap-240 {
  height: 24px;
  width: 24px;
}

.gap-300 {
  height: 30px;
  width: 30px;
}

.gap-480 {
  height: 48px;
  width: 48px;
}